<template>
  <div class="maybelike">
    <div class="txt">
      <van-divider>你可能还喜欢</van-divider>
    </div>
    <div class="con">
      <OneShop
        v-for="(v,i) in arr"
        :key="i"
        :img="v.storeImg"
        :name="v.storeName"
        :price="v.storePrice"
        :adress="v.storeIp"
        :tittle="v.storeTime"
      />
    </div>
  </div>
</template>

<script>
import OneShop from "../like/OneShop.vue";
import { mabelike } from "../../../api/cheyi.js";

export default {
  components: {
    OneShop
  },
  data() {
    return {
      arr: []
    };
  },
  mounted() {
    mabelike({
      // 健身类
      tpid: 3
    }).then(ok => {
      console.log(ok.data.data);
      this.arr = ok.data.data;
    });
  }
};
</script>

<style lang="scss" scoped>
.maybelike {
  width: 100%;
  .con {
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
</style>